<template>
	<view class="withdrawal" :style="[{paddingTop:statusBar+ 'px'}]" v-if="user">
		<view class="status" :style="[{height:statusBar+ 'px'}]"></view>  
		<view class="navigation" :class="[hasBg?'hasBg':'']" :style="[{top:(statusBar-2)+ 'px'}]">
			<image src="/static/images/back.png" class="back" @click="back()" mode=""></image>
			<view class="navigation-title">提现</view>
		</view>
		<view class="navigation-position"></view>
		<view class="withdrawal-amount">
			<view class="withdrawal-amount-title">提现金额</view>
			<view class="withdrawal-amount-ipt-box">
				<view>￥</view>
				<input type="text" value="" v-if="user" :placeholder="'可提现'+ user.gold_coins"  v-model="withdraw_amount" placeholder-style="color:#CCCCCC;font-size:32rpx;font-weight:400;"/>
				<!-- <input type="text" value="" v-if="user&&(user.gold_coins==100||user.gold_coins<100)" placeholder="可提现0元"  v-model="withdraw_amount" placeholder-style="color:#CCCCCC;font-size:32rpx;font-weight:400;"/> -->
				<image src="/static/images/cancle.png" class="clear-input" @click="clearMoneyNum()" v-if="withdraw_amount" mode=""></image>
			</view>
			<view class="withdrawal-amount-all" @click="allMoneyNum()">全部</view>
		</view>
		<view class="withdrawal-tips-box" v-if="user">
			<view class="withdrawal-tips">①提现申请时间为每日9:30~21:30，每日提现限1次，当日申请提现次日到账，周六日顺延；</view>
			<view class="withdrawal-tips">②提现手续费为2%，手续费100元封顶。</view>
		</view>	
		<view class="withdrawal-methods">
			<view class="withdrawal-methods-title">请选择提现方式</view>
			<!-- <view class="choice-item" @click="choiceMethods('alipay')">
				<view class="choice-item-left">
					<image src="/static/images/ali.png" class="wechat-methods" mode=""></image>
					<view>提现到支付宝</view>
				</view>
				<view class="choice-radio">
					<image src="/static/images/choicedicon.png" class="choiced" v-if="choiceType=='alipay'" mode=""></image>
					<view v-else></view>
				</view>
			</view>
			<view class="choice-item-line"></view> -->
			<view class="choice-item" @click="choiceMethods('unionpay')">
				<view class="choice-item-left">
					<image src="/static/images/bank-default-icon.png" class="wechat-methods" mode=""></image>
					<view>银行卡</view>
				</view>
				<view class="choice-radio">
					<image src="/static/images/choicedicon.png" class="choiced" v-if="choiceType=='unionpay'" mode=""></image>
					<view v-else></view>
				</view>
			</view>
			<!-- <view class="choice-item" @click="choiceMethods('wxpay')">
				<view class="choice-item-left">
					<image src="/static/images/weixinpay.png" class="wechat-methods" mode=""></image>
					<view>提现到微信</view>
				</view>
				<view class="choice-radio">
					<image src="/static/images/choicedicon.png" class="choiced" v-if="choiceType=='wxpay'" mode=""></image>
					<view v-else></view>
				</view>
			</view> -->
			
		</view>
		<view class="confirm-withdrawal" @click="withdraws()">确认提现</view>
		
		<uni-popup ref="withdrawalStatePopup" type="center">
			<view class="withdrawal-state-modal">
				<view class="withdrawal-success" >
					<image src="/static/images/success.png" class="success" mode=""></image>
					<view class="withdrawal-state-text">提现申请成功</view>
					<view class="withdrawal-state-text-tips">*提现将于次日到账，周六日顺延</view>
					<view class="withdrawal-success-btn-operation">
						<view class="back-home" @click="backHome()">确定</view>
					</view>
				</view>
			</view>
		</uni-popup>
		<uni-popup ref="passwordPopup" type="center" :mask-click="false">
			<view class="password-confirm-modal">
				<view class="password-confirm-tips">请输入交易密码</view>
				<view class="password-confirm-ipt-box">
					<input type="password" class="password-confirm-ipt" value="" v-model="password" placeholder="请输入交易密码" placeholder-style="color:#C0C0C0;font-size:28rpx;" />
				</view>	
				<view class="password-confirm-bottom">
					<view @click="closePop()" >取消</view>
					<view @click="confirm()" >确定</view>	
				</view>	
			</view>
		</uni-popup>
		<uni-popup ref="userConfirmPopup" type="center" :mask-click="false">
			<view class="user-confirm-modal">
				<view class="user-confirm-tips">提示</view>
				<image :src="user.alipay_avatar" class="transfer-user-img" mode=""></image>
				<view class="user-confirm-content-text">您确认提现到 <text class="transfer_user_name">{{ user.alipay_nickname }}</text>的支付宝账户中 <text class="transfer_amount">{{ withdraw_amount }}</text> 元？</view>
				<view class="password-confirm-bottom">
					<view @click="closeUserConfirmPop()" >取消</view>
					<view @click="userConfirm()" >确定</view>	
				</view>	
			</view>
		</uni-popup>
		<uni-popup ref="userBankCardConfirmPopup" type="center" :mask-click="false">
			<view class="user-confirm-modal user-bank-card-confirm-modal" v-if="bankDate">
				<view class="user-confirm-tips">提示</view>
				<image :src="user.avatar_url" class="transfer-user-img" mode=""></image>
				<view class="user-confirm-content-text">您确认提现到 <text class="transfer_user_name">{{ bankDate.real_name }}</text>的{{ bankDate.bank_name }}卡号为<text class="transfer_amount">{{ bankDate.cert_number | bankCardNum }}</text>的银行卡中 <text class="transfer_amount">{{ withdraw_amount }}</text> 元？</view>
				<view class="password-confirm-bottom">
					<view @click="closeUserBankCardConfirmPop()" >取消</view>
					<view @click="userBankCardConfirm()" >确定</view>	
				</view>	
			</view>
		</uni-popup>
	</view>
</template>

<script>
	import store from "store"
	import {mapGetters,mapMutations,mapActions} from 'vuex'
	import { withdraws,getBankCards,checkWithdrawState } from 'api/userAccountApi'
	// import CurrentUser from "mixins/CurrentUser"
	import { getUser,userFreeWithdrawsNum } from "api/userApi"
	import { goldCoinWithdrawing,goldCoinWithdrawByBank } from "api/goldstormApi.js"
	
	export default {
		store,
		computed:{
			...mapGetters([
				'user',
				'statusBar',
				'isLogin'
			])
		},
		mixins: [
			// CurrentUser
		],
		data(){
			return {
				hasBg:true,
				choiceType:'unionpay',//alipay ，wxpay，unionpay
				choiceBankIndex:null,
				bankCards:[],
				withdraw_amount:null,
				bank_card_id:'',
				bank_name:'',
				cert_number:'',
				withdrawalState:null,
				remark:null,
				password:null,
				withdrawal_user_img:null,
				withdrawal_user_name:null,
				isClick:true,
				free_withdraw_quota:0,
				bankDate:null
			}
		},
		methods:{
			...mapMutations([
				'setUser'
			]),
			choiceMethods(type){
				this.choiceBankIndex = null
				this.choiceType = type
			},
			choiceBank(index,id,name,num){
				this.choiceType = 'unionpay'
				this.choiceBankIndex = index
				this.bank_card_id = id
				this.bank_name = name
				this.cert_number = num
			},
			addBankCard(){
				uni.navigateTo({
					url:'/packs/pages/withdrawal/addBankCard'
				})
			},
			back(){
				uni.navigateBack()
			},
			backHome(){
				this.$refs.withdrawalStatePopup.close()
				setTimeout(()=>{
					uni.navigateBack({})
				},500)
			},
			// closePop(){
			// 	this.$refs.withdrawalStatePopup.close()
			// },
			closeUserConfirmPop(){
				this.$refs.userConfirmPopup.close()
			},
			closeUserBankCardConfirmPop(){
				this.$refs.userBankCardConfirmPopup.close()
			},
			getBankCards(){
				getBankCards().then(res=>{
					this.bankCards = res.data
				})
			},
			clearMoneyNum(){
				this.withdraw_amount = null
			},
			allMoneyNum(){
				this.withdraw_amount = this.user.gold_coins;
			},
			async getUser(){
				let response =  await getUser()
				this.setUser(response)
			},
			async checkWithdrawState(){
				let response = await checkWithdrawState()
				if(response.data){
					this.withdrawalState = response.data.status
					this.remark = response.data.remark
					this.$refs.withdrawalStatePopup.open('center')
				}
			},
			closePop(){
				this.$refs.passwordPopup.close()
				// this.password = null
			},
			async userConfirm(){
				this.closeUserConfirmPop()
				this.$refs.passwordPopup.open('center')
			},
			async userBankCardConfirm(){
				this.closeUserBankCardConfirmPop()
				this.$refs.passwordPopup.open('center')
			},
			userFreeWithdrawsNum(){
				userFreeWithdrawsNum().then(res=>{
					if(!res.message){
						this.free_withdraw_quota = res.gold_free_withdraw_quota
					}
				})
			},
			async withdraws(){
				let _this = this;
				if(!this.withdraw_amount){
					uni.showToast({
						icon:'none',
						title:'请输入提现金额'
					})
					return
				}
				if(this.choiceType == 'alipay'){
					let parms = { coins:this.withdraw_amount }
					const response = await goldCoinWithdrawing(parms)
					if(!response.message){
						this.$refs.userConfirmPopup.open('center')
					}else{
						if(Object.values(response.errors)[0][0]=='请先绑定支付宝账号'){
							let _this = this
							uni.showModal({
								content:'您还未绑定支付宝账号，请使用App绑定支付宝后可提现！',
								confirmText:'去绑定',
								success: function (res) {
									if (res.confirm) {
										if(_this.statusBar>0){
											// window.flutter_inappwebview.callHandler('bind_alipay_app')
											bindAlipayApp.postMessage('bindali');
										}else{
											uni.navigateTo({url: '/packs/pages/download/download?from=1'})
										}
									}
								}
							})
						}else if(Object.values(response.errors)[0][0]=='请输入交易密码'){
							this.$refs.userConfirmPopup.open('center')
						}else if(Object.values(response.errors)[0][0]=='请先设置交易密码'){
							if(this.statusBar>0){
								setPayCodeByApp.postMessage('paycodeset');
							}else{
								uni.navigateTo({url: '/packs/pages/userset/setpaycode'})
							}
						}else if(Object.values(response.errors)[0][0]=='请先绑定银行卡账号'){
							let _this = this
							uni.showModal({
								content:'您还未绑定本人银行卡，绑定本人银行卡后可提现！',
								confirmText:'去绑定',
								success: function (res) {
									if (res.confirm) {
										uni.navigateTo({url: '/packs/pages/withdrawal/addBankCard'})
									}
								}
							})
						}else{
							uni.showModal({
								title:'提示',
								content:Object.values(response.errors)[0][0],
								confirmText:'知道了',
								confirmColor:'#FF6011',
								showCancel:false
							})
						}
					}
				}else if(this.choiceType == 'unionpay'){
					let parms = { coins:this.withdraw_amount }
					const response = await goldCoinWithdrawByBank(parms)
					if(!response.message){
						this.$refs.userBankCardConfirmPopup.open('center')
					}else{
						if(Object.values(response.errors)[0][0]=='请先绑定支付宝账号'){
							let _this = this
							uni.showModal({
								content:'您还未绑定支付宝账号，请使用App绑定支付宝后可提现！',
								confirmText:'去绑定',
								success: function (res) {
									if (res.confirm) {
										if(_this.statusBar>0){
											// window.flutter_inappwebview.callHandler('bind_alipay_app')
											bindAlipayApp.postMessage('bindali');
										}else{
											uni.navigateTo({url: '/packs/pages/download/download?from=1'})
										}
									}
								}
							})
						}else if(Object.values(response.errors)[0][0]=='请输入交易密码'){
							this.$refs.userBankCardConfirmPopup.open('center')
						}else if(Object.values(response.errors)[0][0]=='请先设置交易密码'){
							if(this.statusBar>0){
								setPayCodeByApp.postMessage('paycodeset');
							}else{
								uni.navigateTo({url: '/packs/pages/userset/setpaycode'})
							}
						}else if(Object.values(response.errors)[0][0]=='请先绑定银行卡账号'){
							let _this = this
							uni.showModal({
								content:'您还未绑定本人银行卡，绑定本人银行卡后可提现！',
								confirmText:'去绑定',
								success: function (res) {
									if (res.confirm) {
										uni.navigateTo({url: '/packs/pages/withdrawal/addBankCard'})
									}
								}
							})
						}else if(Object.values(response.errors)[0][0]=='请先实名认证'){
							let _this = this
							uni.showModal({
								content:'您还未进行实名认证，请先实名认证，认证后可提现！',
								confirmText:'去绑定',
								success: function (res) {
									if (res.confirm) {
										uni.navigateTo({url: '/packs/pages/withdrawal/realIdentification'})
									}
								}
							})
						}else{
							uni.showModal({
								title:'提示',
								content:Object.values(response.errors)[0][0],
								confirmText:'知道了',
								confirmColor:'#FF6011',
								showCancel:false
							})
						}
					}
				}
			},
			async confirm(){
				if(this.password){
					if(this.isClick){
						this.isClick = false;
						let parms = {
							coins:this.withdraw_amount,
							pay_code:this.password
						}
						this.closePop()
						if(this.choiceType == 'alipay'){
							const response = await goldCoinWithdrawing(parms)
							this.password = null;
							this.isClick = true;
							if(!response.message){
								this.$refs.withdrawalStatePopup.open('center')
							}else{
								uni.showModal({
									title:'提示',
									content:Object.values(response.errors)[0][0],
									confirmText:'知道了',
									confirmColor:'#FF6011',
									showCancel:false
								})
							}
							this.withdraw_amount = null
						}else if(this.choiceType == 'unionpay'){
							const response = await goldCoinWithdrawByBank(parms)
							this.password = null;
							this.isClick = true;
							if(!response.message){
								this.$refs.withdrawalStatePopup.open('center')
							}else{
								uni.showModal({
									title:'提示',
									content:Object.values(response.errors)[0][0],
									confirmText:'知道了',
									confirmColor:'#FF6011',
									showCancel:false
								})
							}
							this.withdraw_amount = null
						}
					}
					await this.getUser()
				}else{
					uni.showModal({
						title:'提示',
						content:'请输入交易密码！',
						confirmText:'知道了',
						confirmColor:'#FF6011',
						showCancel:false
					})
				}
				
			},
			getBankCards(){
				getBankCards().then(res=>{
					if(!res.message){
						if(res.cert_number!=''){
							this.bankDate = res
						}
					}
				})
			}
		},
		async onShow() {
			if(await this.isLogin ||  await this.statusBar>0){
				await this.getUser()
				this.getBankCards()
				this.userFreeWithdrawsNum()
			}
			
		}
	}
</script>

<style lang="scss" scoped>
	page{
		background: #F6F6F6;
	}
	.withdrawal{
		position: relative;
		min-height: 100vh;
	}
	.status {
		width: 100%;
		position: fixed;
		top: 0;
		z-index: 99;
		background: #F6F6F6;
	}
	.navigation{
		width: 100%;
		height: 100rpx;
		background: rgba(0,0,0,0);
		display: flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		left:0;
		top:0;
		z-index:99;
	}
	.navigation-position{
		width: 100%;
		height: 100rpx;
		background: rgba(0,0,0,0);
	}
	.hasBg{
		background: #F6F6F6;
	}
	.back{
		display: block;
		width: 48rpx;
		height: 48rpx;
		position: absolute;
		top: 26rpx;
		left:32rpx;
	}
	.navigation-title{
		font-size: 32rpx;
		font-weight: 500;
		color: #333333;
	}
	.withdrawal-amount{
		width: 690rpx;
		height: 196rpx;
		background: #FFFFFF;
		border-radius: 16rpx;
		margin: 24rpx auto 0;
		position: relative;
	}
	.withdrawal-amount-title{
		font-size: 24rpx;
		font-weight: 400;
		color: #999999;
		line-height: 32rpx;
		margin-left: 32rpx;
		padding-top: 32rpx;
	}
	.withdrawal-amount-ipt-box{
		display: flex;
		align-items: center;
		margin-top: 44rpx;
		>view:nth-child(1){
			font-size: 40rpx;
			font-weight: bold;
			color: #272727;
			line-height: 48rpx;
			margin:0 16rpx 0 32rpx;
		}
		>input{
			width: 414rpx;
			font-size: 32rpx;
			font-weight: 400;
			color: #666666;
		}
		.clear-input{
			display: block;
			width: 32rpx;
			height: 32rpx;
		}
	}
	.withdrawal-amount-all{
		width: 104rpx;
		height: 48rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		background:rgba(24, 119, 255, 0.1);
		border-radius: 24rpx;
		font-size: 24rpx;
		font-weight: 500;
		color: #1861F2;
		position: absolute;
		top:105rpx;
		right:32rpx;
	}
	.withdrawal-tips{
		width: 630rpx;
		padding: 0 30rpx;
		margin: 10rpx auto 0rpx;
		font-size: 24rpx;
		line-height: 34rpx;
		color: #999999;
		letter-spacing: 2rpx;
	}
	.withdrawal-money-tips{
		width: 660rpx;
		padding: 0 15rpx;
		margin: 10rpx auto 20rpx;
		font-size: 24rpx;
		line-height: 40rpx;
		color: #999999;
		letter-spacing: 2rpx;
		>text{
			color: #333333;
			font-weight: 500;
		}
	}
	.withdrawal-tips-box{
		width:690rpx;
		// height:316rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(0,0,0,0.1);
		border-radius: 16rpx;
		margin:10rpx auto 16rpx;
		padding:5rpx 0 15rpx 0;
	}
	.withdrawal-methods{
		width:690rpx;
		// height:316rpx;
		background: #FFFFFF;
		// box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(0,0,0,0.1);
		border-radius: 16rpx;
		margin:16rpx auto 0;
	}
	.withdrawal-methods-title{
		border-bottom: 1rpx solid #F0F0F0;
		height: 106rpx;
		font-size: 28rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #333330;
		line-height: 28rpx;
		// text-shadow: 0rpx 4rpx 8rpx rgba(0, 0, 0, 0.1);
		padding-left: 32rpx;
		display: flex;
		align-items: center;
	}
	.choice-item{
		height: 102rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.choice-item-line{
		width: 602rpx;
		height: 1rpx;
		background: #F0F0F0;
		margin-left: 88rpx;
	}
	.wechat-methods{
		display: block;
		width:44rpx;
		height: 44rpx;
		border-radius: 50%;
		margin:0 16rpx 0 24rpx;
	}
	.choice-item-left{
		display: flex;
		align-items: center;
		font-size: 24rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #333333;
		line-height: 24rpx;
		text-shadow: 0rpx 4rpx 8rpx rgba(0, 0, 0, 0.1);
	}
	.choice-radio{
		margin-right: 24rpx;
		width: 48rpx;
		height: 48rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		>view{
			width:28rpx;
			height: 28rpx;
			background: #FFFFFF;
			box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(0,0,0,0.1);
			border: 2rpx solid #CECFD0;
			border-radius: 50%;
	
		}
	}
	.choiced{
		display: block;
		width: 39rpx;
		height:39rpx;
		border-radius: 50%;
	}
	.withdrawal-use-bank-card{
		width: 690rpx;
		background: #FFFFFF;
		border-radius: 16rpx;
		margin:16rpx auto;
	}
	.bank-card-item{
		height: 102rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.confirm-withdrawal{
		width: 686rpx;
		height: 96rpx;
		background: #1877FF;
		border-radius: 48rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 36rpx;
		font-weight: 400;
		color: #FFFFFF;
		margin: 100rpx auto 0;
	}
	.withdrawal-state-modal{
		width: 686rpx;
		padding-bottom: 64rpx;
		background: #FFFFFF;
		border-radius: 16rpx;
	}
	.user-withdrawal-tips{
		width: 680rpx;
		font-size: 24rpx;
		font-weight: 400;
		color: #FF4924;
		line-height: 40rpx;
		margin: 10rpx auto 0;
		// text-align: center;
		// letter-spacing: 1rpx;
	}
	.withdrawal-success{
		padding-top: 64rpx;
		.success{
			display: block;
			width: 96rpx;
			height: 96rpx;
			margin:0 auto;
		}
		.withdrawal-state-text{
			font-size: 36rpx;
			font-weight: 500;
			color: #333333;
			line-height: 40rpx;
			text-align: center;
			margin-top: 24rpx;
		}
		.withdrawal-state-text-tips{
			font-size: 24rpx;
			font-weight: 400;
			color: #FF4924;
			line-height: 40rpx;
			margin: 24rpx auto 0;
			text-align: center;
			// letter-spacing: 1rpx;
		}
		.withdrawal-state-tips{
			width: 520rpx;
			font-size: 28rpx;
			font-weight: 400;
			color: #999999;
			line-height: 40rpx;
			margin: 24rpx auto 0;
			text-align: center;
			letter-spacing: 1rpx;
			.account-type{
				color:#333333;
			}
			.account-num{
				color:#1877FF;
				margin:0 5rpx;
			}
		}
		.withdrawal-success-btn-operation{
			display: flex;
			justify-content: center;
			margin-top: 80rpx;
			.go-detail{
				width: 272rpx;
				height: 84rpx;
				border-radius: 48rpx;
				border: 1rpx solid #1861F2;
				font-size: 36rpx;
				font-weight: 400;
				color: #1861F2;
				display: flex;
				align-items: center;
				justify-content: center;
				margin-left: 56rpx;
			}
			.back-home{
				width: 272rpx;
				height: 84rpx;
				background: #1877FF;
				border-radius: 48rpx;
				font-size: 36rpx;
				font-weight: 400;
				color: #FFFFFF;
				display: flex;
				align-items: center;
				justify-content: center;
			}
		}
	}
	.withdrawal-fail{
		padding-top: 64rpx;
		.fail{
			display: block;
			width: 96rpx;
			height: 96rpx;
			margin:0 auto;
		}
		.withdrawal-state-text{
			font-size: 36rpx;
			font-weight: 500;
			color: #333333;
			line-height: 40rpx;
			text-align: center;
			margin-top: 24rpx;
		}
		.withdrawal-state-tips{
			width: 520rpx;
			font-size: 28rpx;
			font-weight: 400;
			color: #999999;
			line-height: 40rpx;
			margin: 24rpx auto 0;
			text-align: center;
		}
		.withdrawal-fail-btn-operation{
			display: flex;
			justify-content: center;
			margin-top: 80rpx;
			.again-withdrawal{
				width: 272rpx;
				height: 84rpx;
				background: #1877FF;
				border-radius: 48rpx;
				font-size: 36rpx;
				font-weight: 400;
				color: #FFFFFF;
				display: flex;
				align-items: center;
				justify-content: center;
			}
		}
	}
	.webtips{
		position: absolute;
		left:0;
		bottom:120rpx;
		width: 100%;
		height: 40rpx;
		font-size: 20rpx;
		color: #999999;
		text-align: center;
	}
	.password-confirm-modal{
		width: 620rpx;
		height: 300rpx;
		padding:20rpx 0 64rpx 0;
		background: #FFFFFF;
		border-radius: 16rpx;
	}
	.password-confirm-tips{
		font-size: 32rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #333333;
		line-height: 80rpx;
		text-align: center;
	}
	.password-confirm-ipt-box{
		width: 528rpx;
		height: 84rpx;
		background: #F6F6F6;
		border-radius:15rpx;
		display: flex;
		align-items: center;
		padding-left: 30rpx;
		margin:30rpx auto;
	}
	.password-confirm-ipt{
		width: 450rpx;
		font-size: 28rpx;
		color: #555555;
	}
	.password-confirm-bottom{
		width: 100%;
		height: 90rpx;
		display: flex;
		border-top: 1rpx solid #cccccc;
		position: absolute;
		left:0;
		bottom: 0;
		>view{
			width: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 30rpx;
			font-weight: 500;
		}
		>view:nth-child(1){
			color:#999999;
		}
		>view:nth-child(2){
			color:#FF6011;
			border-left: 1rpx solid #cccccc;
		}
	}
	.user-confirm-modal{
		width: 620rpx;
		height: 320rpx;
		padding:20rpx 0 64rpx 0;
		background: #FFFFFF;
		border-radius: 16rpx;
	}
	.user-bank-card-confirm-modal{
		height: 380rpx;
	}
	.user-confirm-tips{
		font-size: 32rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #333333;
		line-height: 80rpx;
		text-align: center;
	}
	.transfer-user-img{
		display: block;
		width: 90rpx;
		height: 90rpx;
		border-radius: 50%;
		margin: 0 auto;
	}
	.user-confirm-content-text{
		text-align: center;
		font-size: 30rpx;
		margin-top: 30rpx;
		color: #999999;
		padding: 0 20rpx 20rpx 20rpx;
	}
	.transfer_user_name{
		color: #333333;
		font-weight: 500;
		margin: 0 5rpx;
	}
	.transfer_amount{
		color: #333333;
		font-weight: 500;
		margin: 0 5rpx;
	}
</style>
